﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="ExamSystem.qt.Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>考试系统-登录</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="../login/css/bootstrap.css"/>
    <link href="../login/iconfont/style.css" type="text/css" rel="stylesheet"/>
    <link rel="icon" href="../icon_txt.gif" type="image/x-icon"/>
    <style>
	    body{color:#fff; font-family:"微软雅黑"; font-size:14px;}
	    .wrap1{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto }/*把整个屏幕真正撑开--而且能自己实现居中*/
	    .main_content{background:url(../login/images/main_bg.png) repeat; margin-left:auto; margin-right:auto; text-align:left; float:none; border-radius:8px;}
	    .form-group{position:relative;}
	    .login_btn{display:block; background:#3872f6; color:#fff; font-size:15px; width:100%; line-height:50px; border-radius:3px; border:none; }
	    .login_input{width:100%; border:1px solid #3872f6; border-radius:3px; line-height:40px; padding:2px 5px 2px 30px; background:none;}
	    .icon_font{position:absolute; bottom:15px; left:10px; font-size:18px; color:#3872f6;}
	    .font16{font-size:16px;}
	    .mg-t20{margin-top:20px;}
	    @media (min-width:200px){.pd-xs-20{padding:20px;}}
	    @media (min-width:768px){.pd-sm-50{padding:50px;}}
	    #grad {
	      background: -webkit-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Safari 5.1 - 6.0 */
	      background: -o-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Opera 11.1 - 12.0 */
	      background: -moz-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Firefox 3.6 - 15 */
	      background: linear-gradient(#4990c1, #52a3d2, #6186a3); /* 标准的语法 */
	    }
        #roleDiv{
            font-size:18px;
        }
        #roleDiv input{
            width:18px;
            height:18px;
        }
        #roleDiv input[type='radio']:checked{
            width:20px;
            height:20px;
        }
    </style>
</head>
<body style="background:url(../login/images/bg-qt.png);background-repeat:no-repeat;">
    <form id="form1" runat="server">
    <div>
        <div class="container wrap1" style="height:450px;">
            <h2 class="mg-b20 text-center">考试系统登录</h2>
            <div class="col-sm-8 col-md-5 center-auto pd-sm-50 pd-xs-20 main_content">
                    <p class="text-center font16">学生登录</p>
                    <div class="form-group mg-t20">
                        <i class="icon-user icon_font"></i>
                        <input type="text" class="login_input" id="uid" runat="server" placeholder="请输入学号" />
                    </div>
                    <div class="form-group mg-t20">
                        <i class="icon-lock icon_font"></i>
                        <input type="password" class="login_input" id="pid" runat="server" placeholder="请输入密码" />
                    </div>
                    <div>
                         <asp:Button ID="btnLogin" runat="server" Text="登 录" CssClass="login_btn" OnClick="btnLogin_Click" />
                    </div>
                    <div>
                        <center>
                            <label id="lbMsg" runat="server" style="font-size:20px;color:red"/>
                        </center>
                    </div>  
            </div><!--row end-->
              <div style="text-align:center;color:blueviolet">
              <p>感谢H-ui提供前台页面框架<br/>
				 Copyright &copy;2018-2018 考试系统 v1.0 All Rights Reserved.<br/>
				 本后台系统由<b>学术部-余军</b>提供技术支持</p>
              </div>
        </div><!--container end--> 
    </div>
    </form>
</body>
</html>
